<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入方式</title>

    <!-- 内嵌式 写在<style>标签中,放置在head里 -->
    <style>

        /* 标签选择器 */
        div{
            width: 200px;
            height: 200px;
        }

        /* 类选择器 */
        .d1{
            background-color: cadetblue;
        }

        /* id选择器 */
        #d2{
            background-color: olive;
        }

    </style>

    <!-- 链接式 使用<link>，在head里写  -->
    <link href="style.css" rel="stylesheet"/>

    <!-- 修改网站图标 -->
    <link href="../img/TV.png" rel="shortcut icon">

</head>
<body>
    <!-- 行内式 在元素标签的style属性中设定css样式 -->
    <h1 style="color: hotpink">今天是阴天</h1>

    <div class="d1"></div>
    <div id="d2"></div>

</body>
</html>